<template>
  <div class="orderSate">
    <navBar title="支付成功" />

    <div class="content">
      <div class="ioconBox">
        <van-icon name="checked" color="#F84268" size="80px" />
        <div style="color: #F84268;">订单已生成！</div>
      </div>
    </div>

    <div class="btns">
      <van-button block color="#F84268"
      @click="$router.replace(`/orderDetail/${ $route.params?.key }`)"
      >查看订单</van-button>
      <van-button block type="default" @click="$router.replace('/')">返回首页</van-button>
    </div>

  </div>
</template>

<script>
export default {
}
</script>
<style lang="scss" scoped>
.content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
}
.btns {
  margin: 10px 40px;
  .van-button {
    margin-top: 10px;
  }
}
</style>